<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script src="//cdn.bootcss.com/jquery/2.2.3/jquery.js"></script>
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <script src="js/echarts.js"></script>
    <script src="js/china.js"></script>
    <script src="js/chartTheme/dark.js"></script>
    <script src="js/chartTheme/shine.js"></script>
    <script src="js/chartTheme/infographic.js"></script>
    <script src="js/chartTheme/macarons.js"></script>
    <script src="js/chartTheme/roma.js"></script>
    <script src="js/chartTheme/vintage.js"></script>
    <script src="http://cdn.bootcss.com/d3/3.5.5/d3.min.js"></script>
    <script src="/js/d3.layout.cloud.js"></script>

</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-4"><div class="chart-style chart-height1" id="chart1"></div></div>
        <div class="col-lg-4"><div class="chart-style chart-height1" id="chart2"></div></div>
        <div class="col-lg-4"><div class="chart-style chart-height1" id="chart3"></div></div>
    </div>
    <div class="row chart-row2">
<!--         <div class="col-lg-6 chart-style" id="chart4"></div> -->
		<!-- 这个padding用于居中，在展会屏幕上是好的 -->
        <div class="col-lg-4" style="padding-left: 120px;"><div style="color: #fff; font-size: 26px; margin-top: 22px;">词云</div><div class="chart-style chart-height2" id="chart5"></div></div>
        <div class="col-lg-4"><div class="chart-style chart-height2" id="chartHobbies"></div></div>
        <div class="col-lg-4"><div class="chart-style chart-height2" id="chart7"></div></div>
    </div>
    <div class="row chart-row3">
<!--         <div class="col-lg-4"><div class="chart-style chart-height3" id="chart8"></div></div> -->
        <div class="col-lg-8"><div class="chart-style chart-height3" id="chart11"></div></div>
        <div class="col-lg-4"><div class="chart-style chart-height3" id="chart12"></div></div>
    </div>
</div>

<script>
    var chartTheme = 'infographic';
</script>
<script src="js/chart1.js"></script>
<script src="js/chart2.js"></script>
<script src="js/chart3.js"></script>
<script src="js/chart4.js"></script>
<script src="js/chart5.js"></script>
<script src="js/chart6.js"></script>
<script src="js/chart7.js"></script>
<!-- <script src="js/chart8.js"></script> -->
<script src="js/chart11.js"></script>
<script src="js/chart12.js"></script>

</body>
</html>